
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta charset="utf-8">
  <title>
    数据统计
  </title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/x-admin.css" media="all">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/pag.css" media="all">
  <!--饼状图开始-->
  <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jsapi.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/corechart.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery.gvChart-1.0.1.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery.ba-resize.min.js"></script>

  <script type="text/javascript">
    gvChartInit();
    $(document).ready(function(){
      $('#myTable5').gvChart({
        chartType: 'PieChart',
        gvSettings: {
          vAxis: {title: 'No of players'},
          hAxis: {title: 'Month'},
          width: 600,
          height: 350
        }
      });
    });

    function selectAll(){
      var checklist = document.getElementsByName ("selected");
      if(document.getElementById("controlAll").checked)
      {
        for(var i=0;i<checklist.length;i++)
        {
          checklist[i].checked = 1;
        }
      }else{
        for(var j=0;j<checklist.length;j++)
        {
          checklist[j].checked = 0;
        }
      }
    }
  </script>

  <script type="text/javascript">
    gvChartInit();
    $(document).ready(function(){
      $('#myTable1').gvChart({
        chartType: 'PieChart',
        gvSettings: {
          vAxis: {title: 'No of players'},
          hAxis: {title: 'Month'},
          width: 600,
          height: 350
        }
      });
    });
  </script>
  <!--结束-->

</head>
<body>
<div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>数据管理</cite></a>
              <a><cite>数据统计</cite></a>
            </span>
  <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
  <form class="layui-form x-center" action="" style="width:85%">
    <div class="layui-form-pane">
      <div class="layui-form-item">
        <label class="layui-form-label">编号</label>
        <div class="layui-input-inline" style="width:100px">
          <input type="text" name="name"  placeholder="编号" autocomplete="off" class="layui-input">
        </div>
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-inline" style="width:100px">
          <input type="text" name="name"  placeholder="姓名" autocomplete="off" class="layui-input">
        </div>
        <label class="layui-form-label">被测时间</label>
        <div class="layui-input-inline" style="width:150px">
          <input type="text" name="name"  placeholder="被测时间" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-input-inline" style="width:200px">
          <input type="text" name="link"  placeholder="搜索" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-input-inline" style="width:80px">
          <button class="layui-btn"  lay-submit="" lay-filter="*">搜索</button>
        </div>
      </div>
    </div>
  </form>


  <!--内容-->
</div>
<br />
<br />
<br />
<script src="${pageContext.request.contextPath}/static/lib/layui/layui.js" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/static/js/x-layui.js" charset="utf-8"></script>
<script>
  layui.use(['laydate','element','laypage','layer'], function(){
    $ = layui.jquery;//jquery
    lement = layui.element();//面包导航
    laypage = layui.laypage;//分页
    layer = layui.layer;//弹出层
  });
  //查看
  function person_look (title,url,id,w,h) {
    x_admin_show(title,url,w,h);
  }


</script>
<!--饼状图开始-->
<div style="width:100%;margin:0 auto;">

  <table width="100%">
    <tr>
      <td colspan="2" align="center">症状图表显示（标题）</td>
    </tr>
    <tr>
      <td align="center"> <table id='myTable5'>
        <caption>症状比例</caption>
        <thead>
        <tr>
          <th></th>
          <th>名称</th>
          <th>名称</th>
          <th>名称</th>
          <th>名称</th>
          <th>名称</th>
          <th>名称</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <th>1200</th>
          <td>540</td>
          <td>300</td>
          <td>150</td>
          <td>180</td>
          <td>120</td>
          <td>180</td>

        </tr>
        </tbody>
      </table>  </td>
      <td align="center"> <table id='myTable1'>
        <caption>症状性别比例</caption>
        <thead>
        <tr>
          <th></th>
          <th>男</th>
          <th>女</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <th>1000</th>
          <td>450</td>
          <td>550</td>
        </tr>
        </tbody>
      </table>  </td>
    </tr>
  </table>
</div>

<!--结束-->
<br /><br />
</body>
</html>
